<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet"
	href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
      google.load("visualization", "1.1", {packages:["wordtree"]});
      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = google.visualization.arrayToDataTable(
          [ ['Phrases'],
            ['Price Economic_f asseability service quality'],
            ['Credits Economic_f asseability service quality'],
            ['Del. request Usability_f asseability service quality'],
            ['Informativity Usability_f asseability service quality'],
            ['Safety Quality_f service quality'],
            ['Time Quality_f service quality'],
            ['Pakeging Quality_f service quality'],
          ]
        );

        var options = {
          wordtree: {
            format: 'implicit',
            type: 'prefix',
            word: 'quality'
          }
        };

        var chart = new google.visualization.WordTree(document.getElementById('wordtree_basic'));
        chart.draw(data, options);
      }
    </script>
<title>Criteria groups</title>

</head>
<body>
	<div class="container">
		<div id="wordtree_basic" style="width: 900px; height: 500px;"></div>

		<a href="${pageContext.request.contextPath}/">Home page</a>
	</div>
</body>
</html>